<template>
  <div id="box">
    <!-- 动态组件 -->
    <!-- <ComponentDemo></ComponentDemo> -->
    <!-- 异步组件 -->
    <!-- <AsyncComponent /> -->
    <!-- 混入 -->
    <!-- <MixinDemo /> -->
    <!-- 自定义指令 -->
    <CustomDirective />
  </div>
  <!-- 
    单文件一般包含3部分 
    1. 模版骨架
    2. js逻辑
    3. 样式
    不需要的部分可以不写
  -->
</template>
<script>
// import AsyncComponent from "./views/AsyncComponent/index.vue";
// import ComponentDemo from "./views/component/index.vue";
// import MixinDemo from "./views/MixinDemo/index.vue";
import CustomDirective from "./views/CustomDirective/index.vue";
export default {
  name: "App",
  components: {
    CustomDirective,
    // MixinDemo,
    // AsyncComponent,
    // ComponentDemo
  },
};
</script>
